<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery-1.10.1.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <style>
    </style>
</head>

<body>
    <div class="i-wrap">
        <div class="i-header" id="i_header"></div>
        <div class="i-center">
            <div class="i-honor center">
                <h4>企业荣誉</h4>
                <div class="hid">
                    <ul id="i_honor">
                        <li>
                            <img src="./img/荣誉1.jpg" alt="">
                            <p>2111111111111111111111</p>
                        </li>
                        <li>
                            <img src="./img/荣誉2.jpg" alt="">
                            <p>2111111111111111111111</p>
                        </li>
                        <li class="active">
                            <img src="./img/荣誉3.jpg" alt="">
                            <p>2111111111111111111111</p>
                        </li>
                        <li>
                            <img src="./img/荣誉1.jpg" alt="">
                            <p>2111111111111111111111</p>
                        </li>
                        <li>
                            <img src="./img/荣誉2.jpg" alt="">
                            <p>2111111111111111111111</p>
                        </li>
                        <li>
                            <img src="./img/荣誉3.jpg" alt="">
                            <p>2111111111111111111111</p>
                        </li>
                        
                    </ul>
                </div>
                <a href="javascript:;" class="btn prev" id="i_prev"></a>
                <a href="javascript:;" class="btn next" id="i_next"></a>
            </div>
            <div class="i-info center clearfix">
                <div class="left">
                    <img src="./img/infoBig.jpg" alt="">
                </div>
                <div class="right">
                    <h4>公司简介</h4>
                    <img class="small" src="./img/infoSmall.jpg" alt="">
                    <p>浙江新欣电梯有限公司成立于1997年10月，是专业从事电(扶)梯A级(国家质检总局颁发)销售、安装、维修、保养的独立法人企业。公司注册资金1100万元，拥有办公室和工作房1440平米，是富阳市电(扶)梯安装改造维保行业中最大规模享有较好信誉的企业。2008年3月31日，经浙江省质量技术监督局考核后...</p>
                    <a href="#">
                        <img class="more" src="./img/infoMore.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="i-show center">
                <h4>案例展示</h4>
                <ul id="showList">
                    <li class="list-1">
                        <img class="pic" src="./img/show-1.jpg" alt="">
                        <div class="text">
                            <h6>浙江*****商场</h6>
                            <p>2017年5月,浙江某某某商场人行扶梯......</p>
                            <a href="#">MORE+</a>
                        </div>
                    </li>
                    <li class="list-2">
                        <img class="pic" src="./img/show-2.jpg" alt="">
                        <div class="text">
                            <h6>浙江*****商场</h6>
                            <p>2017年5月,浙江某某某商场人行扶梯......</p>
                            <a href="#">MORE+</a>
                        </div>
                    </li>
                    <li class="list-3">
                        <img class="pic" src="./img/show-3.jpg" alt="">
                        <div class="text">
                            <h6>浙江*****商场</h6>
                            <p>2017年5月,浙江某某某商场人行扶梯......</p>
                            <a href="#">MORE+</a>
                        </div>
                    </li>
                    <li class="list-4">
                        <img class="pic" src="./img/show-4.jpg" alt="">
                        <div class="text">
                            <h6>浙江*****商场</h6>
                            <p>2017年5月,浙江某某某商场人行扶梯......</p>
                            <a href="#">MORE+</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="i-news center clearfix">
                <h4>新闻资讯</h4>
                <div class="left">
                    <img src="./img/news.jpg" alt="">
                </div>
                <div class="right">
                    <div class="main">
                        <h6>
                            热烈祝贺新欣电梯有限公司官网正式上线！
                            <span>2017-07-20</span>
                        </h6>
                        <p>热烈祝贺新欣电梯有限公司官网正式上线，热烈祝贺新欣电梯有限公司官网正式上线，热烈祝贺新欣电梯有限公司官网正式上线！热烈祝贺新欣电梯有限公司官网正式上线！热烈祝贺新欣电梯有限公司官网正式上线！热烈祝贺新欣电梯有限公司官网正式上线...</p>
                    </div>
                    <ul>
                        <li>
                            <p>热烈祝贺新欣电梯有限公司官网正式上线！</p>
                            <span>2017-07-20</span>
                        </li>
                        <li>
                            <p>热烈祝贺新欣电梯有限公司官网正式上线！</p>
                            <span>2017-07-20</span>
                        </li>
                        <li>
                            <p>热烈祝贺新欣电梯有限公司官网正式上线！</p>
                            <span>2017-07-20</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="i-bottom" id="i_bottom"></div>
    </div>
    <script src="./js/index.js"></script>
    <script src="./js/common.js"></script>
</body>

</html>